<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}estilos/pub_estilo.css">

<title>classi180</title>
</head>
<body>
	<div class="box-barclassi180">
		<div class="logo-barclassi180">
			<a href="#"><img src="{{MEDIA_URL}}imagens/logo.png"></a>
		</div>
		<div class="busca-barclassi180">
		<form action="/buscapublicidades/{{quantidade}}" method="get">
			<input class="textbusca-barclassi180" type="text" name = "busca" value="Encontre no Classi180" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue"/>
			<input class="bntbusca-barclassi180" type="submit">
		</form>
		</div>
		<ul class="lista-anuncio-barclassi180">
		{%for anuncio in publicidades%}
			<li class="anuncio-barclassi180">
				<a href="http://classi180.com/anuncio/{{anuncio.id}}" target="blank">
					<img {%if anuncio.thumbnail%}src="{{MEDIA_URL}}{{anuncio.thumbnail}}"{%else%}src="{{MEDIA_URL}}{{anuncio.foto}}"{%endif%}/>
					<strong class="item-anuncio-barclassi180">{{anuncio.descricao}}</strong>
					<span class="desc-anuncio-barclassi180">{{anuncio.detalhes|truncatewords:"7"}}</span>
				</a>
			</li>
		{%endfor%}
		</ul>
	</div>
</body>
</html>